<template>
  <div>
    <h3>姓名:{{ name }}</h3>
    <p>
      爱好：
      <span v-for="item in hobby" :key="item">{{ item }}</span>
    </p>
    <span @click="deletePersonById(id)">X 删除当前的人</span>
  </div>
</template>

<script>
export default {
name:"Item",
props:["name","hobby","id","deletePersonById"],
mounted() {
  console.log(this,"item")
 
    // this.p.name += "~~~~";
}
}
</script>

<style>

</style>